<template>
    <el-row class="diy-top">
      <div class="diy-top-left">
        <div class="diy-top-left-two"></div>
      </div>
      <div class="diy-header-logo">
        <img src="@/assets/config_images/Group8.png" alt="">
      </div>
       <div class="diy-top-center">
         <!--发布按钮-->
          <svg-icon icon-class="Group16" class-name="svg-push"></svg-icon>
          <div class="diy-top-proname">
            <span>应用名称 </span>
            <svg-icon icon-class="change" class-name="svg-change"></svg-icon>
            <span>版本历史</span>
          </div>
       </div>
       <div class="diy-top-right">
         <svg-icon icon-class="Group17" class-name="svg-right-btn"></svg-icon>
         <svg-icon icon-class="Group18" @click="savePage" class-name="svg-right-btn"></svg-icon>
         <svg-icon icon-class="Group19" class-name="svg-right-btn"></svg-icon>
       </div>
    </el-row>
</template>
<script>
// import { addApply } from '@/api/apply';
export default {
  name: "IndexTop",
  data() {
    return {
      applyid: Number
    }
  },
  mounted() {
  },
  methods: {
    savePage() {
      this.$router.push('/preview?type=' + this.$route.query.appid);
      // addApply().then(res => {

      // })
    }
  }
}
</script>

<style lang="scss" scoped>
.diy-top {
  width: 100%;
  height: 70px !important;
  display: flex;
  align-items: center;
  background:rgba(255,255,255,0.2);
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.08);
  z-index: 100;
  .diy-top-left {
    width: 65px;
    height: 70px;
    position: relative;
    background: #273138;
    .diy-top-left-two {
      width: 65px;
      height: 70px;
      position: absolute;
      left: 0;
      bottom: 0;
      background:rgba(255,255,255,0.2);
      z-index: 108;
    }
  }
  .diy-header-logo {
    margin-left: 20px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .diy-top-center {
    flex: 1;
    height: 100%;
    display: flex;
    position: relative;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    .svg-push {
      width: 118px;
      height: 36px;
      cursor: pointer;
    }
    .diy-top-proname {
      position: absolute;
      right: 0;
      color: #59607B;
      font-size: 14px;
      .svg-change {
        font-size: 14px;
      }
      cursor: pointer;
    }
  }
  .diy-top-right {
    width: 400px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
    .svg-right-btn {
      width: 100px;
      height: 36px;
      margin-left: 30px;
    }
  }
}
</style>
